{__NOLAYOUT__}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
	{include file="public/script" /}
</head>
<body>
	<div class="sectionH sectionH2 mui-clearfix">
		<header class="mui-bar mui-bar-nav" style="">
			<!--<a class="mui-icon  mui-pull-left" href="javascript:history.back(-1)" style=""><img src="images/register_nav_icon_back.png"/></a>-->
			<h1 class="mui-title">人脉链</h1>
			<a class="mui-icon mui-pull-right right1" href="{:url('Chat/talkList')}" style="padding-top: 10px;"><img src="__STATIC__/www/images/nav_bar_icon_message.png"/></a>
		</header>
	</div>
	<div class="kong1"></div>
	<div class="renmailian_section1">
		<div class="ppp">
			<div class="swiper-container swiper-container2">
			    <div class="swiper-wrapper">
					{volist name="banner_list" id="b"}
					<div class="swiper-slide"><a href="{$b.link}"><img src="{$b.thumb}"/></a></div>
					{/volist}

			    </div>
			    <div class="swiper-pagination"></div>
			</div>
		</div>
	</div>
	<!--<div class="renmailian_section2">-->
		<!--<div class="container mui-clearfix">-->
			<!--<div class="laba">-->
				<!--<img src="__STATIC__/www/images/home_icon_notice.png">-->
			<!--</div>-->
			<!--<div class="gundong">-->
				<!--<ul class="news_li">-->
					<!--<li><a href="#" >迪迦奥特曼</a></li>-->
					<!--<li><a href="#" >迪迦奥特曼</a></li>-->
				<!--</ul>-->
				<!--<ul class="swap"></ul>-->
			<!--</div>-->
		<!--</div>-->
	<!--</div>-->
	<div class="ge"></div>
	<div class="renmailian_section3">
		<div class="container mui-clearfix">
			<ul>
				<li><a href="{:url('Bussiness/index',array('id'=>$bussiness_id))}"><img src="__STATIC__/www/images/icon_mine_commerce.png"/><p>我的商会</p></a></li>
				<li><a href="{:url('Connection/myConnection')}"><img src="__STATIC__/www/images/icon_mine_connection.png"/><p>我的人脉</p></a></li>
				<li><a href="{:url('Bussiness/bussinessList')}"><img src="__STATIC__/www/images/icon_mine_allcom.png"/><p>全部商会</p></a></li>
				<li><a href="{:url('Connection/Excavate')}"><img src="__STATIC__/www/images/icon_mine_allcon.png"/><p>发掘人脉</p></a></li>
			</ul>
		</div>
	</div>
	<div class="ge"></div>
	<div class="renmailian_section4">
		<div class="jkl">
			<div class="swiper-container swiper-container_1" id="uu">
		        <div class="swiper-wrapper">
					{volist name="bussiness_list" id="bl"}
					<div class="swiper-slide">
						<img src="{$bl.avatar}"/>
						<p class="p1">{$bl.title}</p>
						<p class="p2">
							{volist name="$bl.member" id="member"}
							<img src="{$member.avatar|default='/static/default_avatar.png'}">
							{/volist}

						</p>
						<p class="p3">
							<a href="{:url('Bussiness/index',array('id'=>$bl.id))}">查看</a>
						</p>
					</div>
					{/volist}


		        </div>
		        <!-- Add Pagination -->
		        <div class="swiper-pagination" style="display: none;"></div>
		    </div>
		</div>
	</div>
	
	<div class="renmailian_section5">
		<div class="renmailian_section5_1">
			<div class="container">
				<p><img src="{$bussiness_avatar}"/> <span>{$bussiness_title}</span></p>
			</div>
		</div>
		<div class="renmailian_section5_2">
			<ul>
				<li class="mui-clearfix">
					<a href="{:url('Bussiness/leaderList',array('id'=>$bussiness_id))}" class="mui-clearfix">
						<p class="p1">
							<img src="__STATIC__/www/images/mine_co_icon_leader.png"/>
							<span>商会领导</span>
						</p>
						<p class="p2">
							<img src="__STATIC__/www/images/mine_co_icon_more.png"/>
						</p>
					</a>
				</li>
				<li class="mui-clearfix">
					<a href="{:url('connection/departmentChart',array('id'=>$bussiness_id))}" class="mui-clearfix">
						<p class="p1">
							<img src="__STATIC__/www/images/mine_co_icon_recog.png"/>
							<span>组织结构</span>
						</p>
						<p class="p2">
							<img src="__STATIC__/www/images/mine_co_icon_more.png"/>
						</p>
					</a>
				</li>
				<li class="mui-clearfix">
					<a href="{:url('Bussiness/memberList',array('id'=>$bussiness_id))}" class="mui-clearfix">
						<p class="p1">
							<img src="__STATIC__/www/images/mine_co_icon_depart.png"/>
							<span>商会会员（{$member_num}）</span>
						</p>
						<p class="p2">
							<img src="__STATIC__/www/images/mine_co_icon_more.png"/>
						</p>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="renmailian_section6">
		<div class="container">
			<div class="renmailian_section6_1 mui-clearfix">
				<p class="p1">发掘人脉</p>
				<!--<a href="javascript:void(0);" class="a1">更多人脉＞</a>-->
			</div>
			<div class="renmailian_section6_2">
				<div class="fajue_section1">
					<div class="container">
						<form action="" method="post">
							<div class="fajue_section1_1">
								<a href="{:url('Connection/Excavate')}">
									<div class="fa_big"><img src="__STATIC__/www/images/raw_1.png" class="img_big" /></div>
								</a>

								
								<div class="zbb">
									{volist name="recommend_connection" id="rc"}
									<div class="fa_small">
										<label for="">
											<img src="{$rc.avatar|default='/static/default_avatar.png'}" class="img_small"/>
											<input type="checkbox" class="renmai" name="renmai" id="" value="{$rc.id}"  checked=""/>
										</label>
									</div>
							        {/volist}
								</div>
								
								
							</div>
							<input type="button" value="" class="sub_sub"/>
						</form>
					</div>
				</div>
				<div class="fajue_section2">
					<div class="container">
						<!--<p class="p1"><a href="javascript:void(0);" class="begin_cl">开始发掘</a></p>-->
						<p class="p2"><a href="javascript:follow();" class="begin_clll">一键关注</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="renmailian_section7">
		<div class="renmailian_section7_1">
			<div class="container mui-clearfix">
				<p class="p1">商会动态</p>
				<a href="{:url('Bussiness/bussinessNewsList',array('bussiness_id'=>$bussiness_id))}" class="a1">查看更多＞</a>
			</div>
		</div>
		<div class="renmailian_section7_2">
			<div class="lian_news_section3">
				<div class="index_section3_2" style="display: block">
					<div class="items">
						{volist name="news_list" id="n"}
						<div class="items_1">
							<a href="{:url('Index/newsInfo',array('id'=>$n.id))}">
								<div class="container">
									<div class="items_1-1">
										<p>{$n.title}</p>
									</div>
									<div class="items_1-2 mui-clearfix">
										<div class="items_1-2-1">
											<div class="items_1-2-1-1">
												<p class="p1">
													{$n.description}
												</p>
											</div>
											<p class="p2 mui-clearfix">
												<span class="s1">{$n.category_id|get_article_tag}</span>
												<span class="s2"><img src="__STATIC__/www/images/home_news_icon_read.png"/> {$n.view_num}</span>
											</p>
										</div>
										<div class="items_1-2-2">
											<img src="{$n.thumb}"/>
										</div>
									</div>
								</div>
							</a>
						</div>
						{/volist}
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="ge"></div>
	<div class="renmailian_section8">
		<div class="renmailian_section8_1">
			<div class="container mui-clearfix">
				<p class="p1">商会推荐</p>
				<a href="{:url('Bussiness/bussinessList')}" class="a1">更多＞</a>
			</div>
		</div>
		<div class="renmailian_section8_2">
			<div class="container">
				<div class="items">
					{volist name="recommend_bussiness" id="rb"}

						<div class="items-1">
							<div class="items-1-1 mui-clearfix">
								<a href="{:url('Bussiness/index',array('id'=>$rb.id))}"><p class="p1"><img src="{$rb.avatar}"/><span>{$rb.title}</span></p></a>
								<p class="p2">{if condition="$rb['is_follow']==1"}<span class=" select" >已关注</span>{else/}<span class="" onclick="follow_bussiness({$rb.id})">关注</span>{/if}</p>
							</div>
							<div class="items-1-2">
								<p class="p1">会长：<span>{$rb.head}</span></p>
								<p class="p1">会员：{$rb.member_num}人</p>
								<p class="p1">电话：{$rb.tel}</p>
								<p class="p1">地址：{$rb.address}</p>
							</div>
						</div>

					{/volist}

				</div>
			</div>
		</div>
	</div>
	
	
	
	<div class="kong"></div>
	{include file="public/footer" /}
</body>
<script>
    var swiper = new Swiper('.swiper-container2', {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
        delay: 2000,
        disableOnInteraction: false,
        },
        pagination: {
        el: '.swiper-pagination',
        clickable: true,
        },

    });
</script>

<script>
	function b(){	
		t = parseInt(x.css('top'));
		y.css('top','19px');	
		x.animate({top: t - 19 + 'px'},'slow');	//19为每个li的高度
		if(Math.abs(t) == h-19){ //19为每个li的高度
			y.animate({top:'0px'},'slow');
			z=x;
			x=y;
			y=z;
		}
		setTimeout(b,3000);//滚动间隔时间 现在是3秒
	}
	$(document).ready(function(){
		$('.swap').html($('.news_li').html());
		x = $('.news_li');
		y = $('.swap');
		h = $('.news_li li').length * 19; //19为每个li的高度
		setTimeout(b,3000);//滚动间隔时间 现在是3秒
		
	})
</script>
<script>
    var swiper = new Swiper('.swiper-container_1', {
        effect: 'coverflow',
        grabCursor: true,
        centeredSlides: true,
        slidesPerView: 'auto',
        coverflowEffect: {
            rotate: 50,
            stretch: 0,
            depth: 100,
            modifier: 1,
            slideShadows : true,
        },
        pagination: {
            el: '.swiper-pagination',
        },
        autoplay:true,
    });
</script>
<script>
	/*关注会员*/
	function follow() {
	    var ids= new Array();
        $("input[name='renmai']:checked").each(function(j,item){
            ids.push(item.value);
        });
        if(ids.length<=0)
        {
            mui.alert("没有可关注的会员！");
            return fasle;
        }
        ids=JSON.stringify(ids);

        var url="{:url('Connection/fastFollow')}";
       $.post(url,{ids:ids},function(data){
			var data=JSON.parse(data);
			if(data.result_code==='0000')
			{
			    mui.alert("关注成功！","提示",function(){
			        window.location.reload();
				});

			}else{
                mui.alert(data.result_info,"提示",function(){
                    window.location.reload();
                });
			}
	   })
    }
/*关注商会*/
	function follow_bussiness(bussiness_id) {

        var ids= new Array();

        if(bussiness_id<=0)
        {
            mui.alert("没有可关注的商会！");
            return fasle;
        }
        ids.push(bussiness_id);
        ids=JSON.stringify(ids);

        var url="{:url('Connection/Follow')}";
        $.post(url,{ids:ids,type:2},function(data){
            var data=JSON.parse(data);
            if(data.result_code==='0000')
            {
                mui.alert("关注成功！","提示",function(){
                    window.location.reload();
                });

            }else{
                mui.alert(data.result_info,"提示",function(){
                    window.location.reload();
                });
            }
        })
    }

</script>
</html>